<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link th:href="@{/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/icon/bootstrap-icon.css}" rel="stylesheet">
    <link th:href="@{/css/common-header-nav-copy.css}" rel="stylesheet">
    <link th:href="@{/css/userIndex2.css}" rel="stylesheet">
    <link th:href="@{/css/prepare.css}" rel="stylesheet">
</head>
<body>
    <div class="row" style="height: 100%;width: 100%">
<!--        左侧导航栏-->
        <div class="nav-fragment right-board col-2" th:replace="common/nav :: nav_common"></div>


        <div class="col-10 right-board">

<!--            头部-->
            <div class="row">
                <div class="" th:replace="common/header :: header_common"></div>
            </div>

<!--            中心-->
            <div class="row right-mid">
                <div class="col-9 chat-container">
<!--                    聊天上盒子-->
                    <div class="row chat-box">
                        <div class="friend-id"></div>
<!--                        <ul class="chat-list" th:each="">-->
<!--                            <li class="list" th:text=""></li>-->
<!--                        </ul>-->
                    </div>
<!--                    聊天下盒子-->
                    <div class="row chat-text">
                        <div class="col-12">
                            <div class="row">
                                <textarea rows="5" cols="10"></textarea>
                            </div>
                            <div class="row chat-controller">
                                <input type="button" class="col-1 offset-10 btn-chat" value="删除全部">
                                <input type="button" class="col-1 btn-chat" value="发送">
                            </div>
                        </div>
                    </div>
                </div>

<!--            右方联系人-->
                <div class="col-3 person-list">
                    <div class="row person person-hover" th:each="person : ${personList}">
                            <img class="person-img col-xxl-3 col-xl-4 col-lg-4" src="/img/fighting.svg">
                            <span class="person-name col-auto" th:text="${person.getFriendId()}">用户名</span>
                    </div>
                </div>
            </div>

<!--        页脚版权-->
            <div class="row footer">
                <div class="" th:replace="common/copyright :: copyright_common"></div>
            </div>

        </div>

    </div>



    <script src="/js/jQuery.js"></script>
    <script src="/js/common/nav.js"></script>
    <script src="/js/userIndex.js"></script>
</body>
</html>
